@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');






*
{
	box-sizing: border-box;
	font-family: 'Poppins',sans-serif;
}
body
{
	background: #111;
	/*padding-bottom: 300px;*/
	overflow-x: hidden;
}
body:before
{
	text-align:center;
	content: 'Restaurant';
	position: fixed;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 16em;
	font-weight: 700;
	color: transparent;
	-webkit-text-stroke: 1px #555;

}
.page123
{
	margin: 10% auto;
}
#main {
	/* margin-left: 100px; */
	height: 700px;
	text-align: center;
	width: 1200px;
	border: 1px black solid;
	margin: 2% auto 20%;
}

#menu{
	color: #fff;
	width: 100%;
	height: 90%;
	margin: auto;
}
.menu_list{
	height:320px;
	width:250px;
	margin: 20px;
	float: left;
	margin-top:0px;
	margin-bottom:0px;
	border: 1px #e3e3e3 solid;
}

.img_div{
	text-align: center;
}
.menu_img {
	height: 162.2px;
	width: 248px;
}

/*轮播图*/
#container {
	border-radius: 15px;
	width: 950px;
	height: 650px;
	overflow: hidden;
	margin: 10% auto 2%;
	padding-top: 50px;
}

#photo {
	width: 4750px;
	animation: switch 15s ease-out infinite;
}

@keyframes switch {
	0% { margin-left: 0; }
	23% { margin-left: 0;}
	25% { margin-left: -950px; }
	48% { margin-left: -950px;}
	50% { margin-left: -1900px; }
	73% { margin-left: -1900px; }
	75% { margin-left: -2850px; }
	98% { margin-left: -2850px; }
	100% { margin-left: -3800px; }
}

#item1{
	float: left;
	width: 950px;
	height: 600px;
	background-image: url(../../static/img/item1.jpg);
}
#item2{
	float: left;
	width: 950px;
	height: 600px;
	background-image: url(../../static/img/item2.jpg);
}
#item3{
	float: left;
	width: 950px;
	height: 600px;
	background-image: url(../../static/img/item3.jpg);
}
#item4{
	float: left;
	width: 950px;
	height: 600px;
	background-image: url(../../static/img/item4.jpg);
}
#item5{
	float: left;
	width: 950px;
	height: 600px;
	background-image: url(../../static/img/item1.jpg);
}